﻿@*@{
    Layout = null;
}*@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>青橙酒店</title>
    <link rel="stylesheet" href="/layuimini/lib/layui-v2.6.3/css/layui.css">
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

     <style>
        .boss{width:100%;margin:50px auto; overflow:hidden;}
        .boss div{
            width:198px;
           /* border:solid 1px gray;*/
            float:left;
            margin-left:25px;
        }
        .boss div img{
            display:block;
            width:100%;
        }

    </style>


</head>
<body style="background-color:#dddddd;">
    @*<div style="background-color:#393D49;">
        <div style="width: 1200px;margin:auto;">
            <ul class="layui-nav layui-bg-molv" lay-bar="disabled">
                <li class="layui-nav-item"></li>
                <li class="layui-nav-item"><a href="https://localhost:44334/Home/index">青橙酒店</a></li>
                <li class="layui-nav-item layui-this"><a href="https://localhost:44334/Home/index">酒店首页</a></li>
                <li class="layui-nav-item"><a href="https://localhost:44334/Home/index2">房间预约</a></li>
                <li class="layui-nav-item"><a href="https://localhost:44334/Home/index3">酒店简介</a></li>
                <li class="layui-nav-item"><a href="https://localhost:44334/Home/index4">联系我们</a></li>
                <li class="layui-nav-item"><div style="height:20px;width:540px;"></div></li>
                <li class="layui-nav-item">
                    <button class="layui-btn layui-btn-primary layui-border-green" onclick="zcFunction()">注册</button>
                </li>
                <li class="layui-nav-item"><div style="height:20px;width:5px;"></div></li>
                <li class="layui-nav-item">
                    <button type="button" class="layui-btn ">登录</button>
                </li>
            </ul>
        </div>
    </div>*@

    <div class="layui-carousel" id="test1" >
        <div carousel-item>
            <div style=""><a href=""><img src="~/img/123.jpg" style="height:100%;width:100%"/></a></div>
            <div><a href=""><img src="~/img/背景图片.png" style="height:100%;width:100%"/></a></div>
            <div><a href=""><img src="~/img/背景图片4.png" style="height:100%;width:100%"/></a></div>
            <div><a href=""><img src="~/img/背景图片11.png" style="height:100%;width:100%"/></a></div>
        </div>
    </div>


  <div class="boss"style="position: relative;bottom: 16px;margin-bottom: 0px;margin-top: 16px;" >
  
         <h2  align="center"  style="background-color: black;color:white" >精品推广</h2> 
      

            <img src="/img/背景图片10.png" alt="" style="height:300px;width:630px"  />

            <img src="/img/背景图片5.png" alt="" style="height:300px;width:630px"  />


            <img src="/img/背景图片6.png" alt="" style="height:300px;width:630px"  />

            <img src="/img/背景图片7.png" alt="" style="height:300px;width:630px"  />


            <img src="/img/背景图片8.png" alt=""  style="height:300px;width:630px"   />

  
            <img src="/img/背景图片9.png" alt="" style="height:300px;width:630px"  />


    </div>





    <!-- 条目中可以是任意内容，如：<img src=""> -->

    <script src="/layuimini/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
    <script>

        //注册按钮点击跳转
        function zcFunction() {
             window.location.href='/Home/enroll';
        }

        layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
          //console.log(elem)
          layer.msg(elem.text());
        });
              });

        //轮播
        layui.use('carousel', function(){
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                ,width: '100%' //设置容器宽度
                ,height: '600px'
                ,arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
                ,autoplay:true
                ,arrow: 'hover'
            });
        });
    </script>
</body>
</html>